/**
 * tabs 的一些样式的修改
 */
.arco-tabs-nav-type-line .arco-tabs-tab {
  padding: 12px 0;
}

/**
 * 重新 model.confirm 的样式 这个和 message box
 */
.arco-modal.model-message-confirm {
  width: 320px;
}
.arco-modal.model-message-confirm > .arco-modal-header {
  border-bottom-width: 0px;
  padding: 0 18px;
  padding-top: 24px;

  /* height: 24px; */
}
.arco-modal.model-message-confirm > .arco-modal-header .arco-modal-title {
  font-size: 16px;
  color: #33353b;
  justify-content: flex-start !important;
}
.arco-modal.model-message-confirm .arco-modal-close-btn {
  position: absolute;
  top: 6px;
  right: 18px;
  font-size: 16px;
}
.arco-modal.model-message-confirm > .arco-modal-body {
  padding: 6px 18px;
  color: #9B9FAB;
}
.arco-modal.model-message-confirm > .arco-modal-footer {
  border-top-width: 0px;
}
.arco-modal.model-message-confirm > .arco-modal-footer .arco-button {
  height: 30px;
}

/**
 * 后面继续考虑如何 深度定制tailwind css 和 unocss的引入
 */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex{
  display: flex;
}
.flex-1{
  flex: 1;
}
.flex-2{
  flex: 2;
}
.align-center {
  align-items: center; 
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-18 {
  padding: 18px;
}
.pl-18 {
  padding-left: 18px;
}
.pr-18 {
  padding-right: 18px;
}
.pt-18 {
  padding-top: 18px;
}
.pb-18 {
  padding-bottom: 18px;
}

.m-18 {
  margin: 18px;
}
.ml-18 {
  margin-left: 18px;
}
.mr-18 {
  margin-right: 18px;
}
.mt-18 {
  margin-top: 18px;
}
.pb-18 {
  margin-bottom: 18px;
}
